/*suming UI*/
/*-- tip --*/
.m-tip-box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: rgba(40,40,40,.0);
     -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.m-tip-box .tip-inner {
    
    /*width: 150px; height: 130px;  overflow: hidden;*/
     background: rgba(101,97,97,0.8);
    border-radius: 10px;
    text-align: center;
    padding:20px ;
}

.m-tip-box i{ /*display: inline-block; background: url(../images/tip_icon.png) no-repeat; */overflow: hidden}
.m-tip-box .success {
    background-position: 0 0;
}
.m-tip-box .tipInfo {
    font-size: 26px;
    height:48px;
    line-height: 48px;
    color: #fff
}

/*-- modal -- */
.overlay{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(40,40,40,.6);
     -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;

}
.m-modal-box .op-area,.overlay{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}


.m-modal-box {
    background-color: #fff;
    border-radius: 10px;
    margin:0 20px;
     width: 494px; 
   /* height: 419px; */
    overflow: hidden;
    border-radius: 10px;
    text-align: center;
  
  
}

.m-modal-box .modal-inner {
    padding-top:30px;
}
/*.m-modal-box i {
    display: inline-block; background: url(../images/modal_icon.png) no-repeat; width: 106px; height: 106px; overflow: hidden;
   
}*/
.m-modal-box .pop-info {
    padding:0px 0 30px 0;
}
.m-modal-box .pop-info h3{ line-height: 60px;}
.m-modal-box .pop-info p{
    font-size: 24px;
    color: #808080;
     margin-bottom:10px;
   
}
.m-modal-box .pop-info .tit{
    font-size: 28px;
    color: #595757;
    font-weight: 700
}
.m-modal-box .pop-info {
    font-size: 24px;
    color: #808080;
  
   
}
.m-modal-box .op-area {
  
        border-top: 1px solid #cccccc;
}
.m-modal-box .btn-modal {
    
    border:none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    background-color: #fff;
    text-align: center;
    line-height: 94px;
    color: #0078e7;
    font-size: 28px;
    color: #231815;
    outline: none;
}
.m-modal-box .btn-modal:first-child{
    border-right: 1px solid #cccccc;
    
}

/*overlay2*/
.overlay2{
    
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(40,40,40,.6);
}

.overlay2 .btn-list button{color: #333; width: 100%; display: block; background: #fff;border: none; height: 96px; line-height: 96px; overflow: hidden}
.overlay2 .btn-list li:last-child button{color:#ff6c60}

.overlay2 .btn-list{position: absolute;bottom:0;left: 0;right: 0; font-size: 28px;color: #333;}

.overlay2 .btn-list li{margin-top:12px}

  .popup-box {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9999;
      display: -webkit-box;
      -webkit-box-orient: horizontal;
      -webkit-box-pack: center;
      -webkit-box-align: center;
      background: rgba(0, 0, 0, .4);
      display: none;
  }
  
  .empty-box {
      background: rgba(0, 0, 0, 0);
  }
  
  .popup-box-bd {
      min-height: 50px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      display: -webkit-box;
      display: box;
      -webkit-box-pack: center;
      -webkit-box-align: center;
      -webkit-box-orient: vertical;
  }
  
  .pop-btn {
      text-align: center;
      height: 42px;
      line-height: 42px;
      color: #00a5e0;
      box-sizing: border-box;
      -webkit-box-align: center;
      border-top: 1px solid #e0e0e0;
      width: 100%;
  }

    /*loading*/
  .load-sta {
    width: 150px;
    height: 120px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    text-align: center;
    background: rgba(0,0,0,.65);
    border-radius: 6px;
    color: #fff;
    font-size: 24px;
  }
  
  
  .load-icon {
      width: 37px;
      height: 37px;
      display: block;
      background-image: url(../img/loading_sprite_white.png);
      -webkit-background-size: auto 37px;
      -webkit-animation: am-rotate2 1s steps(12) infinite;
       background-size: auto 37px;
       animation: am-rotate2 1s steps(12) infinite;
       margin: 18px 0 8px;
  }
  
  @-webkit-keyframes am-rotate2 {
      from {
          background-position: 0 0
      }
      to {
          background-position: -444px 0
      }
  }
  keyframes am-rotate2 {
      from {
          background-position: 0 0
      }
      to {
          background-position: -444px 0
      }
  }